<template>
    <div>
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="部门管理" name="DepMana">
                <DepMana></DepMana>
            </el-tab-pane>
            <el-tab-pane label="职位管理" name="PosMana">
                <PosMana></PosMana>
            </el-tab-pane>
            <el-tab-pane label="职称管理" name="JoblevelMana">
                <JoblevelMana></JoblevelMana>
            </el-tab-pane>
            <el-tab-pane label="奖惩规则" name="EcMana">
                <EcMana></EcMana>
            </el-tab-pane>
            <el-tab-pane label="权限组" name="PermissMana">
                <PermissMana></PermissMana>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>

import DepMana from '../../components/sys/basic/DepMana'
import EcMana from "../../components/sys/basic/EcMana";
import PermissMana from "../../components/sys/basic/PermissMana";
import PosMana from "../../components/sys/basic/PosMana";
import JoblevelMana from "../../components/sys/basic/JoblevelMana";
// import DepMana from '@/components/sys/basic/DepMana.vue';
// import PosMana from '@/components/sys/basic/PosMana.vue';
// import JoblevelMana from '@/components/sys/basic/JoblevelMana.vue';
// import EcMana from '@/components/sys/basic/EcMana.vue';
// import PermissMana from '@/components/sys/basic/PermissMana.vue';
export default {
    name: "SysBasic",
    data() {
        return {
            activeName: 'DepMana'
        }
    },
    components:{
    DepMana,
    EcMana,
    JoblevelMana,
    PosMana,
    PermissMana,
    DepMana,
    PosMana,
    JoblevelMana,
    EcMana,
    PermissMana
}
}
</script>

<style scoped>
</style>
